<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车-享购网-品质生活的倡导者（ISGO.COM）-正品保证、品质保障、货到付款、配送及时、品质购物、享受生活！</title>
    <link href="/images/favicon.ico" type="image/x-icon" rel=icon>
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/cart.css">
</head>
<body>
    <!-- header -->
    <div class="header"></div>
    <!-- 空购物车 -->
    <div class="shopping_empty">
        <dl>
            <dt><img src="/images/cart/bj.jpg" alt=""></dt>
            <dd>购物车内暂时没有商品，您可以<a href="/index.html">去首页</a>挑选喜欢的商品</dd>
        </dl>
    </div>
    <!-- 有商品购物车 -->
    <div class="hasprods hide">
        <div class="shopping_main">
            <h2>全部商品</h2>
                <ul class="head_info">
                    <li style="width: 78px">
                        <input type="checkbox" id="selectAll" checked="checked" class="ck_all">全选
                    </li>
                    <li style="width:114px">&nbsp;</li>
                    <li style="width:294px;text-align: left;">商品</li>
                    <li style="width:210px">单价(元)</li>
                    <li style="width:169px">数量</li>
                    <li style="width:100px">小计(元)</li>
                    <li style="width:93px">优惠</li>
                    <li style="width:140px">操作</li>
                </ul>
        </div>
        <div class="prod_list"></div>
        
        
    </div>
        <!-- 购物车模板 -->
        <script type="text/html" id="cart_temp">
            {{each products prod}}
                <ul class="prod_info" data-id="{{ prod.id }}">
                    <li style="width: 78px;text-align: left;box-sizing: border-box;padding-left: 17px;" class="isselect">
                        <input type="checkbox" checked="checked" class="ck_prod">
                    </li>
                    <li style="width: 408px;text-align: left;">
                        <div class="prod_view">
                            <a href="/html/detail.html">
                                <img src="{{prod.img}}" style="width: 57px;height: 57px;">
                            </a>
                            <div class="prod_detail">
                                <p class="prod_title">{{prod.title}}</p>
                                <b class="prod_id">商品编号：{{prod.id}}</b>
                            </div>
                        </div>
                    </li>
                    <li style="width: 210px" class="single_price">￥{{prod.price}}</li>
                    <li style="width: 169px">
                        <div class="num_change">
                            <span class="reduce"></span>
                            <span class="prod_num">
                                <input type="text" value="{{prod.amount}}" class="_number">
                            </span>
                            <span class="increase"></span>
                        </div>
                    </li>
                    <li style="width: 100px" class="totalPrice">￥{{(prod.price*prod.amount).toFixed(2)}}</li>
                    <li style="width: 93px">——</li>
                    <li style="width: 140px;"><a href="javascript:void(0);" class="del">删除</a></li>
                </ul>
                <div class="shopping_bottom">
                        <div class="clear_cart">
                            <img src="/images/cart/del.jpg" alt=""><span class="clear">清空购物车</span>
                        </div>
                        <div class="sb_right">
                            <div class="sr_text">
                                <div class="st_top">
                                    <p>共计<span class="jianshu">{{prod.amount}}</span>件商品</p>
                                    <strong>总计（不含运费）:<span class="zongji">￥{{(prod.price*prod.amount).toFixed(2)}}</span></strong>
                                </div>
                                <div class="sr_bottom">
                                        <span>再购买￥{{168-(prod.price*prod.amount).toFixed(2)}}元商品即可免运费</span>
                                </div>
                            </div>
                            <div class="sub">去结算</div>
                        </div>
                    </div>
            {{/each}}
        </script>
    <!-- footer -->
    <div class="ifooter"></div>
    <script src="/js/jquery.min.js"></script>
    <script src="/lib/requirejs/require.js" data-main="/js/cart.js"></script>
</body>
</html>